common = {
    initCatalogueMagePage() {
        this.Authorization = window.localStorage.getItem("auth_token") || '';
        // 绑定dom对象
        this.obj = {
            searchText: $('#searchText'),
        };
        // 声明全局变量
        this.vars = {
            titName:'',
        };
        this.loadFont();
        // this.isLogin();
        window.onresize = this.loadFont;
        this.loadInner();
        this.initSocket();
        this.btnmenu();
    },

    initSocket() {
        jrequest.jsocketTrack(999,{}).then(data => {
            let keys = Object.keys(data);
            if (keys.length) {
                keys.forEach((item,index) => {
                    // console.log(data[item])
                    if (data[item] > 0) {
                        $("#icon_notic").addClass("new-notic")
                    }
                    $("#jnotic_notic .notic-li").eq(index).find("span").text(data[item])
                })
            }
        })
    },

    btnmenu(){
        $("#icon_exit").click(() => {
            window.location.href="login.html";
            window.localStorage.setItem("loginStatus","")
            // window.localStorage.clear();
        });
    },

    loadFont(){
        var widthScreen = $(window).width();
        var nowFont = widthScreen / 1920 * 15;
        var htmlFont=document.getElementsByTagName('html')[0];
        htmlFont.style.fontSize =nowFont+"px";
        htmlFont.style.lineHeight =nowFont+"px";
    },

    isLogin() {
        var self=this;
        var isLogin = window.localStorage.getItem("loginStatus");
        if (!isLogin) {
            window.location.href="login.html";
        } else {
            jrequest.get(`/api/menus`,{}).then(res => {
                console.log("111",res);
                var menudata = res.data.menuItem;

                var attrmenu = menuDataAttr.reduce((prev, [key, val]) => prev[key] = val, {});

                var matrr=[];
                for(var i = 0; i < menudata.length; i++) {
                    for(var j = 0; j < menudata[i].menuItem.length; j++){
                        matrr.push({name: menudata[i].menuItem[j].menuName})
                    }
                }
                console.log(matrr);
                var convertData = function (matrr) {
                    var res = [];
                    for (var i = 0; i < matrr.length; i++) {
                        var geoCoord = attrmenu[matrr[i].name];
                        if (geoCoord) {
                            res.push({
                                name: matrr[i].name,
                                datahref: geoCoord
                            });
                        }
                    }
                    return res;
                };
                console.log('html', convertData(matrr));
                var mlistAttr=convertData(matrr);

                var $leftMenu = $(".head_mleft ul");
                var $rightMenu = $(".head_mright ul")
                leftMenu.html();
                rightMenu.html();

                var menulistli="<li data-href='home'>首页</li>";
                var menuright="";
                if(menudata.length < 3 ){
                    for(let i = 0, len = menudata.length; i < len; i++) {
                        menulistli += "<li>" + menudata[i].menuName + "</li>"
                    }
                }else{
                    for(let i = 0; i < 3; i++) {
                        menulistli += "<li>" + menudata[i].menuName + "</li>"
                    }
                    for(let i = 0, len = menudata.length - 3;i < len; i++) {
                        menuright += "<li>" + menudata[i+3].menuName + "</li>"
                    }
                }

                console.log(menudata.length);
                $leftMenu.html(menulistli);
                $rightMenu.html(menuright);

                $(".head_menusleve").html();
                var strMenu="<ul></ul>";
                console.log(menudata);

                for (var i=0; i < menudata.length; i++) {
                    strMenu +="<ul>";
                    for(var j=0;j<menudata[i].menuItem.length;j++) {
                        $.each(mlistAttr,function(k,dom) {
                            if(dom.name == menudata[i].menuItem[j].menuName) {
                                strMenu+="<li data-href='"+dom.datahref+"'>"+menudata[i].menuItem[j].menuName.substring(0,6)+"</li>"
                            }
                        })
                    }
                    strMenu +="</ul>";
                }

                $(".head_menusleve").html(strMenu);
                self.btnEvent();

            });
            jrequest.get(`/api/sysUserInfo`,{}).then(res => {
                window.JuserInfo = res.data || {}
                $('#icon_user').text(res.data.userName)

            })
        }
    },

    btnEvent() {
        var self = this;
        $(".head_mleft ul li").off("click").click(function(){
            var index=$(this).index();
            $(this).addClass("head_active").siblings("li").removeClass("head_active");
            $(this).parents(".head_menu").find(".head_mright ul li").removeClass("head_active");
            $(".head_menusleve ul").eq(index).toggle();
            $(".head_menusleve ul").eq(index).show().siblings("ul").hide();
            var sId = $(this).data("href");
            window.location.hash =sId;
            if (index === 0) {
                self.loadInner(sId);
            }
            $(".heaad_secord").css({left:(8+index*7.56+"%")});
            $(".head_menusleve ul li").removeClass("head_leveActive");
            creatliEvent();
            $(".head_menusleve ul").eq(index).mouseover(function(){
                $(".head_menusleve ul").eq(index).show().siblings("ul").hide();
            }).mouseleave(function(){
                $(".head_menusleve ul").eq(index).hide();
            })
        });
        $(".head_mright ul li").off("click").click(function(){
            var index=$(this).index();
            // alert(index+4)
            $(this).addClass("head_active").siblings("li").removeClass("head_active");
            $(this).parents(".head_menu").find(".head_mleft ul li").removeClass("head_active");
            $(".head_menusleve ul").eq(index+4).toggle();
            $(".head_menusleve ul").eq(index+4).show().siblings("ul").hide();
            var Iindex=$("s.head_menusleve ul").eq(index).find("li").length;
            $(".heaad_secord").css({height:Iindex*70+"%",left:[42.4+(index+3)*7.56+"%"]});
            $(".head_menusleve ul li").removeClass("head_leveActive");
            creatliEvent()
            $(".head_menusleve ul").eq(index+4).mouseover(function(){
                $(".head_menusleve ul").eq(index+4).show().siblings("ul").hide();
            }).mouseleave(function(){
                $(".head_menusleve ul").eq(index+4).hide();
            })
        });
        function creatliEvent(){
            $(".head_menusleve ul li").off("click").click(function(){
                var index=$(this).index();
                $(this).addClass("head_leveActive").siblings("li").removeClass("head_leveActive");
                var sId = $(this).data("href");
                window.location.hash =sId;
                self.loadInner(sId);
                $(".head_mleft ul li").each(function(i){
                    if($(".head_mleft ul li").eq(i).hasClass("head_active")){
                        $(".head_menusleve ul").eq(i).hide();
                    }
                });
                $(".head_mright ul li").each(function(i){
                    if($(".head_mright ul li").eq(i).hasClass("head_active")){
                        $(".head_menusleve ul").eq(i+4).hide();
                    }
                })
            });
            $(".head_menusleve ul li").mouseover(function(){
                $(this).addClass("head_leveActive").siblings("li").removeClass("head_leveActive");
            })
        }
        // 消息提醒
        $("#jnotic_notic").hide();
        $("#jnotic_user").hide();
        $(document).click(function (event) {
            var x1 = $('.jicon-notic'); // 设置目标区域
            // console.log(event)
            if (!x1.is(event.target) && x1.has(event.target).length === 0) {
                // $("#jnotic_user").hide()
                $("#jnotic_notic").hide()
            }
        });
        $("#icon_user").click(() => {
            let sId = 'personalManagement';
            window.location.hash =sId;
            self.loadInner(sId);
            // $("#jnotic_user").show()
            // $('#userInfo_userName').text(window.JuserInfo.userName)
            // $('#userInfo_realName').text(window.JuserInfo.realName)
        });
        $("#jnotic_notic .notic-li").click(function() {
            var sId = $(this).data("href");
            if(sId === 'platformHistory') {
                jrequest.get("/api/clearRealRemind",{}).then(res => {
                    $("#icon_notic").removeClass("new-notic")
                })
            }
            window.location.hash =sId;
            self.loadInner(sId);
            $("#jnotic_notic").hide()
        });
        $("#icon_notic").click(function() {
            $("#jnotic_notic").show()
        })
    },

    loadInner(sId) {
        // $('#body_containner').hide();
        var hash = window.location.hash;
        var routeKey = hash ? hash.substr(1) : hash;
        $(".containner").load(routes[routeKey] || routes.home);
        // setTimeout(function() { $('#body_containner').show();}, 500);
    },
};

$(function(){
    common.initCatalogueMagePage();
});
